VSCode 使用

VSCode 常用插件

插件名	插件说明
Chinese (Simplified)	中文语言包
Auto Complete Tag	包含标签闭合与重命名两个子插件
Bracket Pair Colorizer	括号高亮
Code Runner	运行当前打开的代码文件
Vetur	Vue2 代码规范（在 Vue3 中建议禁用）
Vue Language Features (Volar)	Vue3 代码规范
ESLint	代码规范
Prettier - Code formatter	代码样式
Polacode-2020	代码截图
Remote - SSH	SSH 链接远程服务器
Turbo Console Log	选中变量按下快捷键 Ctrl + Alt + L 生成 console
vscode-icons	左侧菜单栏图标
Live Server	启动本地服务
Dracula Official	主题颜色
koroFileHeader	注释插件

配置

用户配置（全局配置）

{
  // 左侧文件栏：缩进、图标
  "workbench.tree.indent": 16,
  "workbench.iconTheme": "vscode-icons",
  // Git：同步前确认、无暂存时提交所有更改、忽略空格
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "diffEditor.ignoreTrimWhitespace": false,
  // 文件名更改时自动变更引用路径
  "javascript.updateImportsOnFileMove.enabled": "always",
  // 输出界面智能滚动
  "output.smartScroll.enabled": false,
  // 编辑器主题
  "workbench.colorTheme": "Dracula",
  // 默认格式化规则
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  // code-runner：运行前自动保存
  "code-runner.saveFileBeforeRun": true,
  "remote.SSH.remotePlatform": {
    "remote-dev": "linux"
  },
  // 默认指令方式
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  "eslint.alwaysShowStatus": true,
  "window.zoomLevel": 1,
  // 自动注释插件
  // 头部注释
  "fileheader.customMade": {
    "Author": "ULQUIARROSYX", // 创建文件的作者
    "LastEditors": "ULQUIARROSYX", // 文件最后编辑者
    "LastEditTime": "Do not edit", // 文件最后编辑时间
    "FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
    "Description": "" // 介绍文件的作用、文件的入参、出参。
  },
  // 函数注释
  "fileheader.cursorMode": {
    "description": "", // 函数注释生成之后，光标移动到这里
    "param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
    "return": ""
  }
}

工作区配置

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.validate": ["javascript", "html", "typescript"],
    "editor.formatOnSave": true,
    "[vue]": {
        "editor.defaultFormatter": "johnsoncodehk.volar"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}